<ion-header>
  <ion-toolbar mode="ios" color="care">
    <ion-buttons>
      <ion-back-button defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title *ngIf="isForgetPassword==='0'">{{ 'Forgetpassword' | translate }}</ion-title>
    <ion-title *ngIf="isForgetPassword==='1'">{{ 'Listfour' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div style="margin-top: 5vh">
    <div class="inputBoxOne">
      <div class="inputBox" style="margin-top: 1vh;width: 75vw">
        <img src="./../../../../assets/img/iconemail.png" alt="" class="iconStyle" style="margin-top: 2vh">
        <ion-input placeholder="{{ 'Email' | translate }}" clearInput class="inputStyle" [(ngModel)]="aEmail" type="email">
        </ion-input>
      </div>

      <div class="inputBox" style="margin-top: 1vh;width: 75vw">
        <img src="./../../../../assets/img/iconmessage.png" alt="" class="iconStyle">
        <ion-input placeholder="{{ 'Email_Code' | translate }}" clearInput class="inputStyle"
          style="width:calc(100% - 34vw)" [(ngModel)]="aVerifyCode"></ion-input>
        <ion-button color="care" style="width:calc(100% - 52vw);color: white;font-size: 12px;" size="small"
          (click)="getCode()" [disabled]="!verifyCode.disable">
          {{verifyCode.verifyCodeTips | translate}}
        </ion-button>
      </div>

      <div class="inputBox" style="margin-top: 1vh;width: 75vw">
        <img src="./../../../../assets/img/iconpassword.png" alt="" class="iconStyle">
        <ion-input placeholder="{{ 'Password' | translate }}" clearInput class="inputStyle" [(ngModel)]="aPassword">
        </ion-input>
      </div>
      <div class="inputBox" style="margin-top: 1vh;width: 75vw">
        <img src="./../../../../assets/img/iconpassword.png" alt="" class="iconStyle">
        <ion-input placeholder="{{ 'Confirm Password' | translate }}" clearInput class="inputStyle"
          [(ngModel)]="aConfirm"></ion-input>
      </div>

      <ion-button shape="round" expand="block" color="care" class="defaultButton" style="margin-top: 40px;width: 75vw"
        (click)="complete()">{{ 'Complete' | translate }}</ion-button>
    </div>

    <div class="successMoadl" *ngIf="isShow == true">
      <div class="coverDiv">
        <img src="./../../../../assets/img/iconcomplete.png" style="width: 80px;height:auto;">
        <div class="successWords">
          <p>{{'ResetPassword' | translate}}！</p>
          <p style="color: grey" *ngIf="isForgetPassword==='0'">{{'Relogin' | translate}}</p>
          <ion-button (click)="confirm()" color="care" style="width: 220px;height: 40px; margin-top: 55px;font-size: 20px;"
            shape="round">{{'Confirm' | translate}}</ion-button>
        </div>
      </div>
    </div>

  </div>
</ion-content>